<template>
  <div>
    <LifeCycle v-if="isShow"></LifeCycle>
  </div>
  <!-- 具体讲解部分在子组件LifeCycle里面  这个一定要会并且理解  面试可能要用 -->
</template>

<script>
import LifeCycle from '@/components/LifeCycle.vue'
export default {
  // 注册
  components: {
    LifeCycle,
  },
  data() {
    return {
      isShow: true,
    }
  },
  // // 生命周期创建之前  这个是一个函数
  // // 在这个beforeCreate生命周期中  获取不到我们定义的数据
  // beforeCreate() {
  //   // console.log('大家好 我被创建了', this.uname, this.say())//这里直接报错了
  //   console.log('大家好 我是创建之前', this.uname, this.say) //这2个都是undefined
  // },
  // //
  // created() {
  //   // 我们一般在created生命周期中去请求服务器数据   可以获取到我们定义的数据
  //   console.log(
  //     '初始化数据,并且让当前实例代理了你的数据 ',
  //     this.uname,//
  //     this.say
  //   )
  //   this.say()
  // },
  // data() {
  //   return {
  //     uname: '张三',
  //   }
  // },
  // methods: {
  //   say() {
  //     console.log('我感觉很糟糕 前面学的都忘了')
  //   },
  // },
}
</script>

<style></style>
